<!DOCTYPE html>
<html lang="en" xmlns:v-model="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>01vue</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app" >
    <introduc v-bind:title="msg"></introduc>

</div>


</body>
<script type="text/javascript">
    const introduce ={
        template:"<h1>Hello comonent{{title}}<h1>",
        data(){
            return {title:"introduce"}

        },
        props:["title"]
    }

    Vue.component("introduce",introduce);

    var app =new Vue({
        el:"#app",
        data:{
            msg:"内容"
        },
        components:{
            
        }
    })

</script>
</html>